*{
    margin: 0;
    padding: 0;
}
.home-top {
    /*    设置背景图片 ctrl+?按住这两个键*/
    /*    url属于地址，图片的地址*/
    /*    因为图片没有显示完全，所以需要对div设置一个高度*/
    background-image: url("../img/banner_qtah.jpg");

    height: 808px;
}

/*为了让大家看清楚公司信息占据多大的范围，这里设置边框*/
.home-top-company {
    /*第一个参数 像素大小，第二个参数 边框形状 第三个参数 边框的颜色*/
    /*border: 1px solid red;*/
    /*    我们需要将公司信息居中，所以要给公司的div一个宽度*/
    width: 1200px;
    /*    居中用magin*/
    margin: auto;
    height: 141px;
}

/*浮动，左对齐*/
.company-logo {
    float: left;
    height: 141px;
}

/*浮动，右对齐*/
.company-phone {
    float: right;
}

/*color 字体颜色*/
/*字体在图片中间，所以我们用行间距*/
/*.company-ziti {*/
/*    color: white;*/
/*    line-height: 30px;*/
/*    height: 30px;*/
/*}*/
.phone-img {
    float: left;
}

.phone-zi {
    float: right;
    color: white;
    /*字体大小*/
    font-size: 20px;
    /*    将字体往下移，有几种方式，1.magin-top 离上班多远 2.line-height*/
    /*    margin-top: 5px;*/
    line-height: 30px;
    /*height: 30px;*/
}

.company-phone {
    margin-top: 40px;
}

/*---------------------------------------导航---------------------------------------------*/
.home-nav {
    height: 100px;
    background-color: #e69137;
}

.home-nav ul {
    width: 1200px;
    margin: auto;
}

/*选择权的应用*/
.home-nav ul li {
    /*关闭li昨天的图像符号*/
    list-style: none;
    /*让所有导航在一行*/
    float: left;
    /*    将每一个导航分开一点
    margin 两个参数：第一个叫离自己上下距离多远 第二个参数离自己左右多远
    margin  四个参数： 上 右 下 左
    margin  一个参数：离自己四周
    margin  三个参数：上  左右  下
    padding  内边距
    margin 外边距
    */
    padding: 0 20px;
    /*    现在需要将导航居中*/
    line-height: 100px;
    color: white;
}

/*鼠标移上去有背景图片的改变*/
.home-nav ul li:hover {
    background-color: sienna;
}

/*>代表当前元素下面的第一个div*/
.home-nav > div {
    width: 1200px;
    margin: auto;
}

.home-nav > div div {
    float: left;
    padding: 0 20px;
    line-height: 100px;
    color: white;
}

.home-nav > div div:hover {
    background-color: sienna;
}

/*------------------------------广告--------------------------------*/
.home-ad {
    width: 1200px;
    height: 500px;
    /*border: 1px solid red;*/
    /*左右居中*/
    margin: auto;
    color: white;
}

/*设置第一个div的字体,第一件事，就是拿到div*/
.ad-one {
    /*设置字体大小*/
    font-size: 40px;
    /*离上面的div50像素*/
    margin-top: 40px;
}

/*设置字体颜色*/
.ad-three-zi {
    color: #d78a32;
    font-size: 30px;
}

/*需要将该行文字向右移动两个汉字,em相对于当前字符一个字符*/
.ad-three-p {
    text-indent: 2em;
}

/*后代选择器*/
.home-ad div:last-child {
    font-size: 20px;
}

/*odd基础  even偶数*/
.home-ad div:last-child p span:nth-child(even) {
    color: #d78a32;
    font-size: 30px;
}
/*----------------------------------------上边部分的css---------------------------------------------------------*/
.banner {
    height: 50px;
    color: #d78a32;
    /*下边框*/
    border-bottom: 1px solid slategray;
    line-height: 50px;
    font-size: 30px;
    text-indent: 0.5em;
}
.floatLeft {
    float: left;
}

/*名字可以随便取，取的时候一定记得见名知意*/
.floatRight {
    float: right;
}
/*------------------------------------------下边部分的css-----------------------------------------------------------------*/

/*------------------------------下部分-------------------------------*/
/*直接用标签或者元素 元素选择器  hr其实也是div演变而来，只不过，没有高度，高度为0，所以看到的是边框*/
hr {
    border: 5px solid #d78a32;
}

.home-bottom-company {
    width: 1200px;
    height: 150px;
    margin: auto;
    /*border: 1px solid red;*/
}

.home-bottom-company div {
    line-height: 35px;
}

.home-bottom-company .floatRight {
    height: 150px;
    display: flex;
    align-items: center;

}

.home-bottom-company .floatRight img {
    margin: 15px;
}

.dingwei:hover {
    content: url("../img/icon_06_7z07.png");
}

.weixin:hover {
    content: url("../img/icon_08_43xx.png");
}

.xinlang:hover {
    content: url("../img/icon_10_o5jo.png");
}

.weibo:hover {
    content: url("../img/icon_12_f0on.png");
}
/*-------------------------------分页----------------------------------------------*/

.page {

    display: flex;
    justify-content: center;
}

.page div div {
    height: 30px;
    float: left;
    border: 1px solid slategray;
    padding: 5px;
    /*margin四个参数的时候表示，上 右  下 左*/
    margin: 5px 5px 30px 5px;
    font-size: 20px;
}

.page div div:hover {
    background-color: #e69137;
}